<template>
  <el-row :gutter="20">
    <el-col :span="20">
      <div class="grid-content bg-purple">
        <img src="../../assets/0101.jpg" width="1000px">

      </div>
    </el-col>
    <el-col :span="4">
      <div class="grid-content bg-purple">

        <el-tooltip class="item" effect="dark" content="是否开启点击阅卷" placement="top">
          <el-switch
              v-model="isClick"
              active-color="#13ce66"
              inactive-color="#ff4949">
          </el-switch>
        </el-tooltip>
        <el-select v-model="value" clearable v-if="isClick" placeholder="请选择单次点击所给分数" >
          <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value">
          </el-option>
        </el-select>
        <el-input
            placeholder="请输入分数"
            v-model="goal"
            clearable>
        </el-input>
        <el-button type="primary" round @click="send(this.goal)">提交分数</el-button>
      </div></el-col>
  </el-row>
</template>

<script>
export default {
  name: "Paper",
  data(){
    return{
      goal:0,
      isClick:false,
      options: [
        {value: '选项1', label: '1'},
        {value: '选项2', label: '2'},
        {value: '选项3', label: '3'},
        {value: '选项4', label: '4'},
        {value: '选项5', label: '5'},
        ],
      value: '',
    }
  },
  methods:{
    send(goal){

    },

  }
}
</script>

<style scoped>

</style>